<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />
        <title>菜单管理-角色菜单列表页面</title>
        <link rel="stylesheet" href="/easyui/themes/icon.css" />
        <link rel="stylesheet" href="/easyui/themes/default/easyui.css" />
        <script src="/js/jquery.min.js"></script>
        <script src="/easyui/jquery.easyui.min.js"></script>
        <script src="/easyui/easyui-lang-zh_CN.js"></script>
    </head>

    <body class="easyui-layout">
        <div data-options="region:'north', title:'角色列表', split:false" style="height:240px;">
            <table id="role_list"></table>
        </div>

        <div data-options="region:'west', title:'未分配的菜单', split:false" style="width:46%;height:100%;">
            <table id="select_list"></table>
        </div>

        <div data-options="region:'center', title:'', split:false" style="width:40px;background:#eee;">
            <div style="text-align:center;margin-top:200px;">
                <div style="padding:10px;">
                    <button type="button" id="insert">添加&gt;&gt;</button>
                </div>

                <div style="padding:10px;">
                    <button type="button" id="delete">&lt;&lt;移除</button>
                </div>
            </div>
        </div>

        <div data-options="region:'east', title:'角色的菜单', split:false" style="width:46%;height:100%;">
            <table id="menu_list"></table>
        </div>
    </body>

    <script src="/js/public.js"></script>
    <script src="/js/ajaxUtils.js"></script>
    <script src="/js/role_menu_list.js"></script>
</html>